import React,{Component} from 'react';
import classnames from 'classnames'
import ReIcon from '../ReIcon';
import MaskWrapper  from '../MaskWrapper/MaskWrapper';
import './MobileRightTopToolbarTab.less';

export default class MobileRightTopToolbarTab extends Component{

  render(){
    let {isShow=false,onClick}=this.props;
    let classname=classnames({
      'active':isShow,
      'mobile-contentbar-icon-wrapper':true
    })
    return <MaskWrapper show={isShow} closeHandler={onClick}><div className='mobile-content-bar-top-wrapper'>
      <div className={classname} onClick={onClick}>
        <ReIcon className='mobile-contentbar-icon' icon={'sign_out'}/>
      </div>
      {
        this.props.children
      }
    </div></MaskWrapper>
  }

}